<template>
	<my_live :danmu="data.danmu">
		<template v-slot:uni-form>
			<view>
				<button class="vioed_icon" open-type="share" @click="onshare()">
				<uni-icons type="redo-filled" class="" color="#fff" size="30"></uni-icons>
			</button>
			</view>
		</template>
		<template v-slot:video>
				<video id="myVideo" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"
	                    @error="videoErrorCallback" :danmu-list="danmuList" enable-danmu danmu-btn controls show-mute-btn="true" autoplay="true" muted="true"></video>
		</template>
	</my_live>
</template>

<script setup>
import {reactive} from 'vue'
const data = reactive({
	userinfo:'',
	danmu: [
	
		{
			id: 'a2',
			name: '李四',
			comment: '你好',
			img:'http://10.31.71.52:7002/public/static/c1.png'

		},
		{
			id: 'a1',
			name: '张三',
			comment: '来啦老弟',
			img:'http://10.31.71.52:7002/public/static/c2.png'

		},
		{
			id: 'a3',
			name: '王五',
			comment: '哈喽',
			img:'http://10.31.71.52:7002/public/static/c3.png'
		},

	],
})
const onshare = () => {
	uni.showShareMenu({
		withShareTicket: false,
		menus: ['shareAppMessage', 'shareTimeline']
	})
}

</script>

<style lang="scss" >
.vioed_icon {
	width: 80rpx;
	height: 80rpx;
	background: rgba(45, 45, 45, 0.3);
	border-radius: 80rpx;
	// line-height: 90rpx;
	// text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
</style>